.loginPage {
    width: 1520px;
    height: 675px;
    opacity: 1;
    background: linear-gradient(180deg, rgba(224, 230, 250, 1) 0%, rgba(226, 234, 253, 1) 100%);
    display: flex;
    flex-direction: column;
    .head {
        display: flex;
        flex-direction: row;
        align-items: center;
        .icon {
            background-image: url('/src/assets/login-icon.png');
            background-size: cover;
            width: 23.56px;
            height: 31px;
            margin-left: 16px;
            margin-top: 15px;
        }
        .head-title {
            width: 112.27px;
            height: 29.62px;
            background: url('/src/assets/login-head.png');
            background-size: cover;
            margin-left: 13.17px;
            margin-top: 16.38px;
        }
    }
    .under{
        display: flex;
        flex-direction: row;
        align-items: center;
        .decorate{
            display: flex;
            flex: 5;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 15px;
            .title{
                background: url('@/assets/login-title.png');
                background-size: cover;
                width: 448px;
                height: 57.4px;
            }
            .picture{
                background: url('@/assets/login-picture.png');
                background-size: cover;
                width: 556.4px;
                height: 556.4px;
            }
        }
        .content{
            display: flex;
            flex: 5;
            justify-content: end;
            align-items: center;
            .login{
                display: flex;
                width: 423px;
                height: 423px;
                border-radius: 32px;
                backdrop-filter: blur(4px);
                background-color: white;
                margin-right: 70px;
                justify-content: center;
            }
        }
    }
}